<script setup></script>

<template>
  <div class="relative rounded-t-[120px] -mt-[306px] pt-[101px] z-[1] mx-auto bg-white w-full md:-mt-52 lg:rounded-t-xl lg:pt-14 md:pt-5">
    <div
      class="flex justify-between gap-20 items-center max-w-[1232px] px-4 mx-auto lg:gap-12 md:gap-6 flex-row [&amp;_div]:md:text-center"
    >
      <div class="w-fit md:w-full rounded-xl overflow-hidden">
        <img src="@/assets/img/originality_332ecae23f.jpg" width="600" height="450" alt="" />
      </div>

      <div class="flex-1 lg:w-full order-last">
        <h2 class="text-5xl font-bold lg:text-3xl md:text-2xl sm:text-xl" _msttexthash="135775055" _msthash="58">
          <span class="highlight" _istranslated="1">轻松绕过 </span>Copyleaks 的 AI 检测
        </h2>
        <div class="space-y-3 mt-3 text-md sm:space-y-2 sm:mt-1">
          <p class="text-display-secondary" _msttexthash="2011651668" _msthash="59">
            正在寻找一种快速有效的反 AI 检测工具来绕过 Copyleaks？他们中的大多数都无效，因为他们声称或产生质量差的重写。但 HIX Bypass
            并非如此。我们帮助您将您的文本人性化，成为 AI Copyleaks 真正无法检测到的 AI 写作，而不会降低其质量。
          </p>
          <!-- <p class="text-display-secondary" _msttexthash="2011651668" _msthash="59" style="margin-top: 20px">
            HIX Bypass 的尖端 AI 绕过技术可帮助您毫不费力地使文本人性化，使其与人类内容无法区分，并且真正无法被 GPTZero
            检测到。我们可以成为您对抗 GPTZero AI 窥探的秘密武器
          </p> -->
        </div>
        <button
          class="px-8 w-fit text-white bg-[#165DFF] rounded-full font-semibold h-[64px] flex justify-center items-center mt-10 text-lg hover:bg-primary lg:mt-5 lg:mx-auto lg:text-md lg:h-12"
          _msttexthash="40055405"
          _msthash="60"
        >
          免费绕过 Copyleaks AI 检测
        </button>
      </div>
    </div>
  </div>
</template>

<style lang="less" scoped>
.pt-\[101px\] {
  padding-top: 101px;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.rounded-t-\[120px\] {
  border-top-left-radius: 120px;
  border-top-right-radius: 120px;
}
.w-full {
  width: 100%;
}
.-mt-\[306px\] {
  margin-top: -306px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.z-\[1\] {
  z-index: 1;
}
.relative {
  position: relative;
}
*,
:after,
:before {
  --ux-color-border: 222 232 249;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: rgb(var(--ux-color-border) / 1);
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.gap-20 {
  gap: 5rem;
}
.justify-between {
  justify-content: space-between;
}
.items-center {
  align-items: center;
}
.max-w-\[1232px\] {
  max-width: 1232px;
}
.flex {
  display: flex;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.overflow-hidden {
  overflow: hidden;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

img,
video {
  max-width: 100%;
  height: auto;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
.size-full {
  width: 100%;
  height: 100%;
}
.w-\[600px\] {
  width: 600px;
}
.flex-1 {
  flex: 1 1 0%;
}
.order-last {
  order: 9999;
}
.font-bold {
  font-weight: 700;
}
.text-5xl {
  font-size: 2.25rem;
  line-height: 3rem;
}
._styles_title__3SN_r .highlight {
  --tw-text-opacity: 1;
  color: rgb(22 93 255 / var(--tw-text-opacity, 1));
}
.highlight {
  --tw-text-opacity: 1;
  color: rgb(22 93 255 / var(--tw-text-opacity, 1));
}
.mt-3 {
  margin-top: 0.75rem;
}
.text-display-secondary {
  --ux-display-secondary: 103 119 136;
  --tw-text-opacity: 1;
  color: rgb(var(--ux-display-secondary) / var(--tw-text-opacity, 1));
}
button:where(:not([class^='coco'])) {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button:where(:not([class^='coco'])) {
  text-transform: none;
}
button:where(:not([class^='coco'])) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
button:where(:not([class^='coco'])) {
  cursor: pointer;
}
.flex {
  display: flex;
}
.mt-10 {
  margin-top: 2.5rem;
}
.h-\[64px\] {
  height: 64px;
}
.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.rounded-full {
  border-radius: 9999px;
}
.bg-\[\#165DFF\],
.bg-\[\#165dff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 93 255 / var(--tw-bg-opacity, 1));
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.font-semibold {
  font-weight: 600;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:bg-primary:hover {
  --ux-primary: 58 126 255;
  --tw-bg-opacity: 1;
  background-color: rgb(var(--ux-primary) / var(--tw-bg-opacity, 1));
}
</style>
